<%@page import="javax.net.ssl.SSLEngineResult.Status"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>


<table  class="table-pics">
	<tbody>
	<c:set value="0" var="n"/>
	<c:forEach items="${contractPhotoList}" begin="0" step="1" varStatus="status">
		<%-- <c:if test="${status.index mod 3 == 0 and status.index gt 1 } ">
			trN=${status.index}
			<c:set value="${status.index}" var="n"/>
			<tr>
		</c:if> --%>    
		<c:if test="${status.index mod 3 == 0 }">
			<tr>
		</c:if>
		
		<td>
			<div style="margin-right: 20px;">
			<%--
				<c:if test="${status.index mod 3 == 0 }">
					begin
				</c:if>
				<c:if test="${(status.index+1) mod 3 == 0 }">
					end
				</c:if>
				<c:out value="${status.index}"/>;
				<c:out value="${status.index mod 3 == 0 }"/>;
				<c:out value="${(status.index+1) mod 3 == 0 }"/> --%>
				<table class="table-single-pic">
				<tbody>
					<tr>
						<td colspan="2" align="center"> 
							<div>
								<img src="${pageContext.request.contextPath}${contractPhotoList[status.index].webPath}" class="table-pics-img" />
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="table-single-pic-prop-name">
								标题:
							</div>
						</td>
						<td>
							<div class="table-single-pic-prop-value">
								${contractPhotoList[status.index].title}
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="table-single-pic-prop-name">
								合同编号:
							</div>
						</td>
						<td>
							<div class="table-single-pic-prop-value">
								${contractPhotoList[status.index].contractSn}
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="table-single-pic-prop-name">
								关键词:
							</div>
						</td>
						<td>
							<div class="table-single-pic-prop-value">
								${contractPhotoList[status.index].keyWord}
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="table-single-pic-prop-name">
								备注:
							</div>
						</td>
						<td>
							<div class="table-single-pic-prop-value">
								${contractPhotoList[status.index].description}
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
								<a id="btn" href="#" class="btn-contractPhoto" data-options="iconCls:'icon-search'" onclick="editContractPhoto('${contractPhotoList[status.index].id}');">编辑</a>  
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<a id="btn" href="#" class="btn-contractPhoto" data-options="iconCls:'icon-search'" onclick="deleteContractPhoto('${contractPhotoList[status.index].id}');">删除</a>  
							</div>
						</td>
					</tr>
				</tbody>
			</table>
			</div>
		</td>
		<c:if test="${(status.index+1) mod 3 == 0 } ">
			</tr>
		</c:if>
		
		<%-- <c:if test="${status.index-2 eq n}">
			</tr>
		</c:if>   --%>
	</c:forEach>
	</tbody>
</table>	

<%-- <table  class="table-pics">
	<tbody>
		<tr>
			<td>
				<div style="margin-right: 20px;">
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
			<td>
				<div style="margin-right: 20px;">
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
			<td>
				<div style="margin-right: 20px;">
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div >
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
			<td>
				<div >
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
			<td>
				<div >
					<table class="table-single-pic">
					<tbody>
						<tr>
							<td colspan="2" align="center"> 
								<div>
									<img src="${pageContext.request.contextPath}/合同_1.jpg" class="table-pics-img" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									标题:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									宁少林的照片
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									合同编号:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									111111
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									关键词:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									P1,金额
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="table-single-pic-prop-name">
									备注:
								</div>
							</td>
							<td>
								<div class="table-single-pic-prop-value">
									xxxxxxxxxxx
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div id='div-contractPhoto-btns' class="div-contractPhoto-btns">
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑</a>  
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">删除</a>  
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				</div>
			</td>
		</tr>
	
	</tbody>
</table>	
 --%>